<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${session.systemInfo.name}"></title>
    <th:block th:include="import :: links"></th:block>
    <link th:href="@{/css/admin.css}" rel="stylesheet"/>
    <link th:href="@{/css/system_1.css}" rel="stylesheet"/>
</head>
<body>
<header id="header">
    <ul id="menu">
        <li id="guide" class="line-trigger">
            <div class="line-wrap">
                <div class="line top"></div>
                <div class="line center"></div>
                <div class="line bottom"></div>
            </div>
        </li>
        <li id="logo" class="hidden-xs">
            <a href="/manage/index">
                <img th:src="@{/images/logo.png}"/>
            </a>
            <span id="system_title" th:text="${session.systemInfo.name}"></span>
        </li>
        <li class="pull-right">
            <ul class="hi-menu">
                <!-- 搜索
                <li class="dropdown">
                    <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
                        <i class="him-icon fa fa-search"></i>
                    </a>
                    <ul class="dropdown-menu dm-icon pull-right">
                        <form id="search-form" class="form-inline">
                            <div class="input-group">
                                <input id="keywords" type="text" name="keywords" class="form-control" placeholder="搜索"/>
                                <div class="input-group-btn">
                                    <button type="submit" class="btn btn-default"><span
                                            class="glyphicon glyphicon-search"></span></button>
                                </div>
                            </div>
                        </form>
                    </ul>
                </li>
                -->
                <!--
                <li class="dropdown">
                    <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
                        <i class="him-icon fa fa-dropbox"></i>
                    </a>
                    <ul class="dropdown-menu dm-icon pull-right">
                        <li class="skin-switch hidden-xs">
                            请选择系统切换
                        </li>
                        <li class="divider hidden-xs"></li>
                        <th:block th:each="upmsSystem:${upmsSystems}">
                            <li>
                                <a class="waves-effect switch-systems" href="javascript:;"
                                   th:attr="systemid=${upmsSystem.systemId},baseURI=${upmsSystem.basepath},systemname=${upmsSystem.name},systemtitle=${upmsSystem.title}"><i
                                        th:class="${upmsSystem.icon}"></i><span
                                        th:text="${upmsSystem.title}"></span></a>
                            </li>
                        </th:block>
                    </ul>
                </li>
                -->
                <li class="dropdown">
                    <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
                        <i class="him-icon fa fa-ellipsis-v"></i>
                    </a>
                    <ul class="dropdown-menu dm-icon pull-right">
                        <li class="hidden-xs">
                            <a class="waves-effect" data-ma-action="fullscreen" href="javascript:fullPage();"><i
                                    class="fa fa-arrows-alt"></i> 全屏模式</a>
                        </li>
                        <li>
                            <a class="waves-effect" data-ma-action="clear-localstorage" href="javascript:;"><i
                                    class="fa fa-recycle"></i> 清除缓存</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="javascript:;"><i class="fa fa-low-vision "></i> 隐私管理</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="javascript:;"><i class="fa fa-cogs"></i> 系统设置</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="/logout"><i class="fa fa-power-off"></i> 退出登录</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</header>
<section id="main">
    <!-- 左侧导航区 -->
    <aside id="sidebar">
        <!-- 个人资料区 -->
        <div class="s-profile">
            <a class="waves-effect waves-light profile-bg" href="javascript:;">
                <div class="sp-pic">
                    <img th:src="@{/images/default.png}"/>
                </div>
                <div class="sp-info">
                    <span th:text="${session.userInfo.nickName}"></span>
                    <i class="fa fa-caret-down"></i>
                </div>
            </a>
            <ul class="main-menu">
                <li>
                    <a class="waves-effect" href="javascript:Tab.addTab('个人资料', '/profile/index.html');" ><i class="fa fa-account"></i> 个人资料</a>
                </li>
                <li>
                    <a class="waves-effect" href="javascript:;"><i class="fa fa-face"></i> 隐私管理</a>
                </li>
                <li>
                    <a class="waves-effect" href="javascript:;"><i class="fa fa-settings"></i> 系统设置</a>
                </li>
                <li>
                    <a class="waves-effect" href="/sso/logout"><i class="fa fa-run"></i> 退出登录</a>
                </li>
            </ul>
        </div>
        <!-- /个人资料区 -->
        <!-- 菜单区 -->
        <ul class="main-menu" id="left-main-memu">
            <li>
                <a class="waves-effect" href="javascript:Tab.addTab('首页', 'home');"><i class="fa fa-home"></i> 首页</a>
            </li>
            <li class="sub-menu system_menus" v-for="menu in menus">
                <a v-if="menu.pid == null" class="waves-effect" href="javascript:;"><i
                        v-bind:class="[menu.icon]"></i> {{menu.name}}</a>
                <ul>
                    <li v-for="subP in menus">
                        <a v-if="subP.pid == menu.permissionId" class="waves-effect"
                           v-bind:href="'javascript:Tab.addTab(\''+subP.name+'\',\''+subP.uri+'\')'">
                            <i v-bind:class="[subP.icon]"></i>　{{subP.name}}
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <div class="upms-version">&copy; QUICK-SYSTEM V1.0.0</div>
            </li>
        </ul>
        <!-- /菜单区 -->
    </aside>
    <!-- /左侧导航区 -->
    <section id="content">
        <div class="content_tab">
            <div class="tab_left">
                <a class="waves-effect waves-light" href="javascript:;"><i class="fa fa-chevron-left"></i></a>
            </div>
            <div class="tab_right">
                <a class="waves-effect waves-light" href="javascript:;"><i class="fa fa-chevron-right"></i></a>
            </div>
            <ul id="tabs" class="tabs">
                <li id="tab_home" data-index="home" data-closeable="false" class="cur">
                    <a class="waves-effect waves-light" href="javascript:;">首页</a>
                </li>
            </ul>
        </div>
        <div class="content_main">
            <div id="iframe_home" class="iframe cur">

            </div>
        </div>
    </section>
</section>
<footer id="footer"></footer>
<th:block th:include="import :: impJS"></th:block>
<script type="text/javascript" th:src="@{/plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/BootstrapMenu.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/fullPage/jquery.fullPage.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/fullPage/jquery.jdirk.min.js}"></script>
<script type="text/javascript" th:src="@{/js/vue.js}"></script>
<script type="text/javascript" th:src="@{/js/admin.js}"></script>
</body>
</html>